<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>文本样式</title>
<link rel="stylesheet/less" type="text/css" href="../src/less/index.less" />
<script src="js/less.min.js" type="text/javascript"></script>
<style>
[class*='kui-1px']{padding:0.5rem;background:#FFC}
</style>
</head>

<body>
<div class="kui-page">
	<div class="kui-header">
		<div class="pull-left icon-left app-back" onClick="history.back()">返回</div>
		<h1 class="kui-title">Text</h1>
	</div>
	<div class="kui-content">
		<div class="kui-block-title">文本样式</div>
		<div class="kui-blocker Pd">
			<h1>标题一</h1>
			<h2>标题二</h2>
			<h3>标题三</h3>
			<h4>标题四</h4>
			<h5>标题五</h5>
			<h6>标题六</h6>
			<p>这是一个段落这是一个段落这是一个段落这是一个段落这是一个段落这是一个段落这是一个段落这是一个段落这是一个段落这是一个段落这是一个段落这是一个段落这是一个段落</p>
		</div>
		<div class="kui-block-title">文本截断</div>
		<div class="kui-blocker Pd">
			<div class="kui-line-title"><span class="kui-line-txt">单行截断</span></div>
			<div class="kui-text-row">日暮，青盖亭亭，情人不见，争忍凌波去？只恐舞衣寒易落，愁人西风南浦。高柳垂阴，老鱼吹浪，留我花间住。田田多少，几回沙际归路。</div>
			<div class="kui-line-title"><span class="kui-line-txt">两行截断</span></div>
			<div class="kui-text-row2">日暮，青盖亭亭，情人不见，争忍凌波去？只恐舞衣寒易落，愁人西风南浦。高柳垂阴，老鱼吹浪，留我花间住。田田多少，几回沙际归路。</div>
			<div class="kui-line-title"><span class="kui-line-txt">三行截断</span></div>
			<div class="kui-text-row3">日暮，青盖亭亭，情人不见，争忍凌波去？只恐舞衣寒易落，愁人西风南浦。高柳垂阴，老鱼吹浪，留我花间住。田田多少，几回沙际归路。</div>
		</div>
	</div>
</div>
</body>
</html>
